<script setup name="DataInitForm">
import { ref, reactive,onMounted } from "vue";

const passwd=ref('');
const chushuhuaFun=async ()=>{
    const res = await window.xinpuHttpApi('100100',{"pwd":passwd.value });
    console.log(res);
}

</script>

<template>
<div class="main-content">
    <div class="main-content-case">
        <div class="admin-top">
            <div class="admin-case-top">
                <div class="title1">系统初始化说明:</div>
                <div class="title2">1、只能在系统运行前运行；2、一旦正式使用系统，禁止运行该初始化；3、只有管理员有初始化权限。</div>
            </div>
        </div> 
        <div class="divmain">
            <div class="admin-case-content">
            <img src="@/assets/images/chahuaicon@2x.png" style="height: 100%;width: 100%;"> 
              <div class="admin-case-content2">
                <div style="margin-top: 24px;margin-bottom: 16px;">系统初始化口令</div> 
                <div  style="margin-bottom: 24px;"><el-input v-model="passwd" placeholder="请输入密码后方可进行数据初始化"></el-input></div> 
                <div style="display: flex;justify-content: center;">
                  <el-button @click="chushuhuaFun" type="primary" style="height: 32px;width: 134px;margin-right: 24px;">数据初始化</el-button> 
                  <el-button style="height: 32px;width: 134px;">退出</el-button> 
                </div> 
              </div>
            </div>
            
        </div>
        
    </div>
</div>


</template>

<style lang="scss" scoped>
// :deep强制覆盖样式，提高!important优先级
:deep(::-webkit-scrollbar) {
    width: 10px !important;
    height: 10px !important;
}
// :deep强制覆盖样式，提高!important优先级
:deep(.vxe-cell--label) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  font-style: normal;
  text-transform: none;
}
:deep(.vxe-input--inner) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  font-style: normal;
  text-transform: none;
}
:deep(.vxe-cell--title) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight:400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  font-style: normal;
  text-transform: none;
}
:deep(.vxe-select) {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight:400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  font-style: normal;
  text-transform: none;
}




.main-content{
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
  height: calc(100vh - 83px);
  background: #f7f7f7;

  .main-content-case{
    width: 100%;
    height: 100%;
    background:#fff;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 4px 4px 4px 4px;
    .admin-top{
        display: flex;
        align-items: center;
        height: 70px;
        padding: 12px 16px 12px 16px;
        background: #F7F7F7;
        border-radius: 4px 4px 4px 4px;
        .title1{
            width: 100%;
            height: 18px;
            margin-bottom: 8px;
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 14px;
            color: #333333;
            line-height: 18px;
            text-align: left;
            font-style: normal;
            text-transform: none;
        }
        .title2{
            width: 100%;
            height: 20px;
            font-family: Microsoft YaHei, Microsoft YaHei;
            font-weight: 400;
            font-size: 12px;
            color: #999999;
            line-height: 20px;
            text-align: left;
            font-style: normal;
            text-transform: none;
        }

    }
    .divmain{
      width: 100%;
      height: calc(100% - 58px);
      overflow-y: auto;
      min-height: 600px;
       
      .admin-case-content{
        width: 451.8px;
        height:284.43px;
        float: left;
        position: relative;
        top:calc(calc(100% - 432.43px ) / 2) ;
        left:calc(calc(100% - 451.8px ) / 2) ;
        border: 1px dotted black;
      } 
      .admin-case-content2{
          width: 420px;
          height:148px;
          margin-top: 24px;
          margin-left: 15.9px;
      }
    } 
  }
}
.xpFont{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  font-style: normal;
  text-transform: none;
}
.xpFontSyzt{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
</style>